﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>登录</title>
    <script src="/HelpContent/jquery-3.4.1.min.js"></script>
    <link href="/HelpContent/Css/BackLogin.css" rel="stylesheet" />
    <link href="/HelpContent/Font-awesome-free-5.15.4-web/css/all.css" rel="stylesheet" />
    <link href="/HelpContent/Tips/Tiips.css" rel="stylesheet" />

</head>
<body>
    <div class="LIZI" id="particles-js"></div>
    <div class="Login">
        <div class="Login_title">
            Place Login
        </div>
        <div class="Login-form">
            <svg class="waves" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
                <defs>
                    <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path>
                </defs>
                <g class="parallax">
                    <use xlink:href="#gentle-wave" x="48" y="7" fill="rgb(255 255 255 / 1)"></use>
                    <use xlink:href="#gentle-wave" x="48" y="0" fill="rgb(255 255 255 / 0.7)"></use>
                    <use xlink:href="#gentle-wave" x="48" y="3" fill="rgb(255 255 255 / 0.5)"></use>
                    <use xlink:href="#gentle-wave" x="48" y="5" fill="rgb(255 255 255 / 0.3)"></use>
                </g>

            </svg>
            <div class="Login-bottom">
                <div style="margin-top: 50px;" class="Login-Input">
                    <div class="icon"><i class="fas fa-user"></i></div><input id="Account" autocomplete="off" value="" required type="text" />
                </div>
                <div class="Login-Input">
                    <div class="icon"><i class="fas fa-unlock-alt"></i></div><input id="Password" value="" required type="password" />
                </div>
                <button disabled class="LoginButton">Login</button>
            </div>
        </div>
    </div>

    <div class="HaiLang">
        <svg class="waves" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
            <defs>
                <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path>
            </defs>
            <g class="parallax">
                <use xlink:href="#gentle-wave" x="48" y="7" fill="rgb(255 255 255 / 1)"></use>
                <use xlink:href="#gentle-wave" x="48" y="0" fill="rgb(255 255 255 / 0.7)"></use>
                <use xlink:href="#gentle-wave" x="48" y="3" fill="rgb(255 255 255 / 0.5)"></use>
                <use xlink:href="#gentle-wave" x="48" y="5" fill="rgb(255 255 255 / 0.3)"></use>
            </g>

        </svg>

    </div>

    <div id="ErrorLogin" class="alert alert-danger">
        <strong>错误!</strong> 你的密码或者用户名错误。
    </div>

    <div id="ErrorStatus" class="alert alert-warning ">
        <strong>警告!</strong> 你的账号已被封禁。
    </div>

    <div id="LoginOk" class="alert alert-success ">
        <strong>成功!</strong> 登陆成功。
    </div>




    <div class="Loging">
        <div class="LogingBox">
            <div class="loader"></div>
            <div class="Test">
                <span style="animation-delay:50ms;">正</span>
                <span style="animation-delay:150ms;">在</span>
                <span style="animation-delay:250ms;">登</span>
                <span style="animation-delay:350ms;">录</span>
                <span style="animation-delay:450ms;">.</span>
                <span style="animation-delay:550ms;">.</span>
                <span style="animation-delay:650ms;">.</span>
            </div>
        </div>
    </div>



















    <script src="/HelpContent/Tips/Tips.js"></script>

    <script src="/HelpContent/LiZi/particles.min.js"></script>

    <script src="/HelpContent/LiZi/app.js"></script>

    <script src="/HelpContent/JavaScript/BackLogin.js"></script>
</body>
</html>
